home *** CD-ROM | disk | FTP | other *** search
/ Fantasy Artist 39 / Fantasy Artist - Issue 39.bin / css / styles.css < prev   
Cascading Style Sheet File  |  2010-02-19  |  4KB  |  221 lines
  1. body {
  2.     background: black;
  3.     color: white;
  4.     font-size: 10pt;
  5.     font-family: sans-serif;
  6.     margin: 0;
  7.     padding: 0 7%; 
  8. }
  9.  
  10. a,
  11. a:link,
  12. a:visited,
  13. a:active,
  14. a:hover {
  15.     text-decoration: none;
  16.     color: white;
  17.     font-weight: bold;
  18. }
  19. a:hover {
  20.     text-decoration: underline;
  21. }
  22.  
  23. .clear { clear: both; }
  24.  
  25. img { border: none; }
  26.  
  27. h1 {
  28.     text-align: center;
  29.     text-decoration: underline;
  30.     font-family: serif;
  31.     color: white;
  32.     font-size: 1.8em;
  33. }
  34. h2 {
  35.     margin-top: 2.5em;
  36.     font-size: 1.7em;
  37.     text-decoration: underline;
  38. }
  39. h3 {
  40.     margin-top: 2em;
  41.     font-size: 1.3em;
  42.     text-decoration: underline;
  43. }
  44. p {
  45.     line-height: 150%;
  46.     text-align: justify;
  47. }
  48. pre {
  49.     font-family: sans-serif;
  50.     background: #222;
  51. }
  52. .simpleBlack {
  53.     background: black;
  54.     width: 80ex;
  55.     margin: 0 auto;
  56.     font-family: sans-serif;
  57. }
  58.  
  59. code {
  60.     font-family: monospace;
  61.     font-size: 0.9em;
  62.     line-height: 150%;
  63. }
  64.  
  65. dl {
  66.     margin-left: 4ex;
  67. }
  68.  
  69.     dl dt {
  70.         font-size: 0.9em;
  71.         font-weight: bold;
  72.         color: #eee;
  73.         font-family: monospace;
  74.     }
  75.         dl dd {
  76.             margin-bottom: 1.5em;
  77.             color: #ccc;
  78.             font-size: 0.85em;
  79.             line-height: 1.5em;
  80.         }
  81.  
  82.  
  83. ol {
  84. }
  85.     ol li {
  86.         margin-bottom: 1em;
  87.         line-height: 150%;
  88.     }
  89.  
  90. ul {
  91. }
  92.     ul li {
  93.         margin-bottom: 0;
  94.     }
  95. /* ------------------------------------------------------------------------- */
  96.  
  97. #title {
  98.     margin: 0px auto;
  99. }
  100.  
  101. #sponsor {
  102.     position: absolute;
  103.     right: 7%;
  104.     font-size: 10px;
  105.     height: 66px;
  106.     line-height: 66px;
  107.     padding: 0 20px;
  108. }
  109.  
  110. div.maincontent {
  111.     margin: 0px auto 20pt auto;
  112. }
  113.  
  114. #menu {
  115.     display: block;
  116.     text-align: center;
  117.     background: #222;
  118.     padding: 1em;
  119.     margin: 2em auto 4em auto;
  120. }
  121.  
  122.     #menu li {
  123.         display: inline;
  124.         padding: 0px 20px;
  125.     }
  126.  
  127. .totop {
  128.     text-align: center;
  129.     margin: 4em 10%;
  130.     padding: 0.25em;
  131.     background: #161616;
  132. }
  133.     .totop a {
  134.         margin-right: 7%;
  135.         color: silver;
  136.     }
  137.  
  138.  
  139. .block {
  140.     display: none;
  141. }
  142.  
  143.  
  144. #browserComp {
  145.     border-collapse: collapse;
  146.     margin: 40px auto;
  147. }
  148.     #browserComp caption {
  149.         text-align: center;
  150.         margin: 20px auto;
  151.         font-size: 1.1em;
  152.         font-weight: bold;
  153.     }
  154.     #browserComp th {
  155.         font-size: 10px;
  156.         padding: 5px 10px;
  157.         border-bottom: 1px solid silver;
  158.     }
  159.         #browserComp th img {
  160.             width: 22px;
  161.         }
  162.         #browserComp td {
  163.             text-align: center;
  164.         }
  165.             #browserComp th.feature,
  166.             #browserComp td.feature {
  167.                 text-align: right;
  168.                 padding: 5px;
  169.                 padding-right: 10px;
  170.                 border-right: 1px solid silver;
  171.             }
  172.  
  173. .addon {
  174.     border: 1px solid #222;
  175.     padding: 20px;
  176.     margin-bottom: 20px;
  177.     background: #222;
  178. }
  179.     .addon .flowBox {
  180.         width: 500px;
  181.         margin-right: 40px;
  182.         float: left;
  183.     }
  184.     .addon .discription {
  185.         margin-left: 540px;
  186.     }
  187.         .addon .title {
  188.                 line-height: 1.3em;
  189.         }
  190.             .addon .title h3 {
  191.                 margin: 0;
  192.                 display: inline;
  193.             }
  194.             .addon .title .by {
  195.                 margin-left: 2em;
  196.                 font-size: 0.8em;
  197.                 text-decoration: none;
  198.             }
  199.         .addon p {
  200.             font-size: 0.9em;
  201.         }
  202.         .addon .comment {
  203.             margin-top: 2em;
  204.             font-style: italic;
  205.         }
  206.         .addon .download {
  207.             font-size: 0.8em;
  208.             float: right;
  209.             margin: 0 0 2em 4em;
  210.             line-height: 1.5em;
  211.         }
  212.             .addon .download a {
  213.                 font-weight: normal;
  214.             }
  215.  
  216. #info { /* for example.php */
  217.     color: white;
  218.     /*display: none;*/
  219. }
  220.  
  221.